<div style="flex:1; padding-top: 3px;"
  class="variable-list-item f-form-layout farris-form-controls-inline">
  <div class="col-12 col-md-6 col-xl-3 px-1">
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <div class="farris-input-wrap">
          <farris-combo-list [(ngModel)]="item.presetType" [data]="presetTypes" [idField]="'id'" [valueField]="'id'"
            [textField]="'name'" [editable]="false" [enableClear]="false" [autoWidth]="false" [panelWidth]="200"
            (selectChange)="onPresetTypeChanged($event)">
          </farris-combo-list>
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 col-md-6 col-xl-3 px-1">
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <div class="farris-input-wrap">
          <input class="form-control" [(ngModel)]="item.id">
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 col-md-6 col-xl-3 px-1">
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <div class="farris-input-wrap">
          <input class="form-control" [(ngModel)]="item.name">
        </div>
      </div>
    </div>
  </div>
  <div class="col-12 col-md-6 col-xl-3 px-1">
    <div class="farris-group-wrap">
      <div class="form-group farris-form-group">
        <div class="farris-input-wrap">
          <farris-combo-list [data]="bindingSchemaFields" [(ngModel)]="item.binding.field" [editable]="false"
            [idField]="'id'" [valueField]="'id'" [textField]="'displayName'" (selectChange)="onBindingFieldChanged($event)"
            [autoWidth]="false" [panelWidth]="320">
          </farris-combo-list>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="width: 60px;margin-top:4px">
  <button class="btn btn-link btn-icontext mx-0" type="button" (click)="removeItem()">
    <span class="f-icon f-icon-minus mr-0"></span>
  </button>
  <button class="btn btn-link btn-icontext mx-0" type="button" (click)="moveUp()">
    <span class="f-icon f-icon-arrow-up mr-0"></span>
  </button>
  <button class="btn btn-link btn-icontext mx-0" type="button" (click)="moveDown()">
    <span class="f-icon f-icon-arrow-down mr-0"></span></button>
</div>